<template>
    <div>
        <div class="geren">
            <van-icon name="arrow-left" @click="$router.go(-1)" />
       <h1>个人信息</h1>
       <van-icon name="wap-home-o" />
        </div>  
        <div class="dfgh">
            <ul>
                <li>
                    <span>姓名</span>
                    <span>{{InfoData.name}}</span>
                </li>
                 <li>
                    <span>联系电话</span>
                    <span>{{InfoData.phone}}</span>
                </li>
                 <li>
                    <span>性别</span>
                    <span>{{InfoData.sex}}</span>
                </li>
                 <li>
                    <span>年薪</span>
                    <span>{{InfoData.year_salary}}</span>
                </li>
                 <li>
                    <span>月薪</span>
                    <span>{{InfoData.month_salary}}</span>
                </li>
                 <li>
                    <span>个人简介</span>
                    <span>{{InfoData.remark}}</span>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
import {GetUserIfonDate} from "@/request/api"
export default {
    name:"Gerenxinxi",
    data () {
        return {
     InfoData:null
 
        }
    },
    created(){
        GetUserIfonDate().then((res)=>{
            this.InfoData=res.data.data
            console.log("用户详情数据:",res);
        })
    }
}
</script>
 
<style lang = "less" scoped>
    .geren{
       font-size: 0.14rem;
    display: flex;
    height: .6rem;
    align-items: center;
    background:#003499 ;
    color: white;
        .van-icon{
            width: .5rem;
        }
        h1{
            flex: 1;
            text-align: center;
        }
    }
    .dfgh{
        font-size: .14rem;
        background-color: #fff;
        ul{
            li{
                height: .5rem;
    line-height: .5rem;
    padding-left: .2rem;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
            }
        }
    }
</style>